在 React 中，props 和 state 是两个重要的概念，它们用于在组件之间传递数据和管理组件内部的状态。尽管它们有相似之处，但它们的用途和特性是不同的。以下是它们的主要区别： Props (属性)
传递方式：
props 是从父组件传递给子组件的数据。 子组件不能修改从父组件接收到的 props。
初始化：
props 的值是在父组件中指定的，并在子组件的构造函数或函数参数中接收。
用途：
用于初始化组件状态（虽然不推荐直接修改 props 来更新状态，但可以用 props 作为初始值）。 用于在组件之间传递配置信息或数据。
不可变性：
props 在组件的生命周期内是不可变的（除非父组件重新渲染并传递新的 props）。
State (状态)
管理方式：
state 是组件内部维护的状态。 组件可以自由地修改自己的 state。
初始化：
state 的值通常在组件的构造函数（对于类组件）或 useState 钩子（对于函数组件）中初始化。
用途：
用于控制组件的渲染和行为。 当 state 发生变化时，组件会重新渲染。
可变性：
state 是可变的，组件可以通过调用 this.setState（类组件）或更新 useState 返回的状态变量（函数组件）来改变它。
示例
类组件
jsx复制代码class ParentComponent extends React.Component { render() { return
{this.props.message}
Count: {this.state.count}
{message}
Count: {count}
props 是从父组件传递给子组件的数据，用于初始化组件或传递配置信息，且不可在子组件中修改。 state 是组件内部维护的状态，用于控制组件的渲染和行为，并且可以在组件内部自由修改。
理解 props 和 state 的区别对于编写高效、可维护的 React 应用至关重要。
